<template>
  <div class="address-footer-button">
    <cube-button
      @click="clickSubmit"
      primary
      :icon="icon">
      {{ text }}
    </cube-button>
  </div>
</template>

<script>
export default {
  name: 'AddressFooterButton',
  props: ['icon', 'text'],
  methods: {
    clickSubmit () {
      this.$emit('submit')
    }
  }
}
</script>

<style scoped lang="stylus">
.address-footer-button
  position fixed
  z-index 50
  width 100%
  height 50px
  left 0
  bottom 0
</style>
